<template>
  <div>
    <DialogStyle>
      <el-dialog
        :visible="isShow"
        width="750px"
        title="合作商详情"
        @close="closeFn"
        @open="openFn"
      >
        <el-form :model="rowList" class="formInfo">
          <el-form-item label="合作商名称：" prop="name" class="formItem">
            {{ rowList.name }}
          </el-form-item>
          <el-form-item label="联系人：" prop="contact" class="formItem">
            {{ rowList.contact }}
          </el-form-item>
          <el-form-item label="联系电话：" prop="mobile" class="formItem">
            {{ rowList.mobile }}
          </el-form-item>
          <el-form-item label="分成比例：" prop="ratio" class="formItem ratio">
            {{ rowList.ratio }}
          </el-form-item>
        </el-form>
      </el-dialog>
    </DialogStyle>

  </div>
</template>

<script>
export default {
  props: {
    rowList: {
      type: Object,
      default: () => {}
    },
    isShow: {
      type: Boolean,
      default: false
    },
    formList: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    // 关闭弹窗前的回调
    closeFn() {
      this.$emit('closeDialogFn')
    },
    openFn() {
      console.log(this.rowList, '55555555555')
    }
  }
}
</script>

<style>
.Info{
  padding-left: 100px ;
}
.formInfo{
  display: flex;
  flex-wrap: wrap;
  padding-left: 100px;
  font-size: 28px;
}
.formItem{
width: 300px;
}
</style>
